<template>
  <div class="table-container">
    <el-skeleton :loading="loading" animated>
      <template #template>
        <el-skeleton-item variant="h1"/>
        <el-skeleton-item variant="rect" style="height: 100px" />
      </template>
      <template #default>
        {{ JSON.stringify(data) }}
      </template>
    </el-skeleton>
  </div>
</template>
<script setup>
defineOptions({
  name: 'TableComponent',
  inheritAttrs: false
})

const props = defineProps({
  data: {
    type: Object
  }
})
const { data } = toRefs(props)

const loading = ref(true)
</script>
<style lang="scss" scoped>
.table-container {
  padding:10px 20px;
}
</style>
